.positionPopPanel {
  display: none;
  .noanimation;
  min-width: 300px;
  padding: 20px;
  transform: translateX(-50%) translateY(-100%);
  overflow: initial;
  &.open {
    display: flex;
    flex-direction: column;
  }
  > .arrow {
    position: absolute;
    bottom: 0;
    top: auto;
    left: 50%;
    transform: translate(-50%, 100%);
    border-bottom: 100px transparent;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 30px solid fade(@themeDark, 90%);
  }
  &.down {
    transform: translateX(-50%) translateY(0);
    > .arrow {
      top: 0;
      bottom: auto;
      transform: translate(-50%, -100%);
      border-top: 100px transparent;
      border-left: 40px solid transparent;
      border-right: 40px solid transparent;
      border-bottom: 30px solid fade(@themeDark, 90%);
    }
  }
}